<div class="bottom-area">
    <!-- 说两句 -->
    <div id="startBroadcast" class="replay-area" th:unless="${role==null}">
        <div aria-label="Toolbar with button groups" role="toolbar" class="btn-toolbar reply-panel mybroadcast">
            <a th:href="@{${'/live/broadcastEdit/'+channel.id}}">
                <button type="button" class="btn btn-default btn-lg btn-block">点击开始发送直播</button>
            </a>
        </div>
    </div>


    <!-- 直播 -->
    <div id="reply" class="replay-area">
        <div aria-label="Toolbar with button groups" role="toolbar" class="btn-toolbar reply-panel">
            <div aria-label="Second group" role="group" class="btn-group reply-input">
                <input type="text" class="form-control x-input-el" placeholder="说点什么吧" aria-describedby="basic-addon1" id="fixedInput"  />
                <div class="input-placeholder">下面，我简单说几句</div>
            </div>
            <div aria-label="Third group" role="group" class="btn-group reply-btn">
                <button class="btn btn-default" type="button" th:attr="userAvatar=${#httpSession.getAttribute('profile.login').avatar}" ontouchstart="sendComment(this)" id="sendComment">发送</button>
            </div>
        </div>
    </div>

    <!--/*-->
    <div id="manage" class="replay-area">
        <div aria-label="Toolbar with button groups" role="toolbar" class="btn-toolbar reply-panel mybroadcast">
            <button type="button" class="btn btn-default btn-lg btn-block">发送到直播区</button>
        </div>
    </div>
    <!--*/-->
</div>
